<div class="main-title">
	<fly:variable name="page_title" />
</div>
<fly:block name="city">
<div id="content_body" class="content_body<fly:variable name="page_class" />">
<fly:include name="pagination_search_up" />
		<table class="location-liste tablesorter">
			<thead>
				<tr>
					<td width="440" title="title location"><div class="header general" id="name_place"><fly:variable name="text_location" /></div><span id="name_place_l" class="loading"></span></td>
					<td width="100" title="Price sell"><div class="header general" id="price_sell"><fly:variable name="text_price_sell" /></div><span id="price_sell_l" class="loading"></span></td>
					<td width="100" title="Price rental"><div class="header general" id="price_rental"><fly:variable name="text_price_rental" /></div><span id="price_rental_l" class="loading"></span></td>
					<td title="type of location"><div class="header general" id="estate_tile"><fly:variable name="text_type" /></div><span id="estate_tile_l" class="loading"></span></td>
				<tr>
			</thead>
			<tbody id="item_list">
				<fly:list name="list_category_map">
					<tr onclick="document.location='<fly:variable name='url_category_map' />'" title="<fly:variable name='meta_title' />"
				       	onmouseover="$(this).addClass('over');"
				        onmouseout="$(this).removeClass('over');" >
						<td> 		
				   		<div class="place_width">
				   		   <fly:block name="block_place_photo">
				   				<div class="location_photo">
				   					<fly:list name="location_photo">
					   					<a rel="/<fly:variable name='image_preview' />" href="<fly:variable name='url_photo' />" class="preview"><img src="/<fly:variable name="src_photo" />" width="<fly:variable name="width" />" height="<fly:variable name="height" />" /></a>
					   				</fly:list>
				   				</div>
				   			</fly:block>
				   				<div title="<fly:variable name='meta_title' />" class="title_location">
							   		<fly:variable name="place_name" />
							   		<input type="hidden" value='<fly:variable name="map_address" />'  id="addr_<fly:variable name="id_addr" />" name="addr" class="addr" />
				   					<div class="block_title">
							   			<fly:variable name="place_description"/>
			   						</div>
				   				</div>
					   </div>
				   		</td>
						<td><span class="prix"><fly:variable name="price_sell" /></span></td>
						<td><span class="prix"><fly:variable name="price_rental" /></span></td>
						<td title="<fly:variable name='type_meta_title' />"><fly:variable name="real_estate" /></td>
					</tr>   		
				</fly:list>
			</tbody>
		</table>
<fly:include name="pagination_search_down" />
<fly:block name="block_map">
	<div id="map_canvas"></div>
	<div style="display:none;">
		<fly:list name="listGoogleMapJavascript_html">
	       	<fly:block name="map_canvas_location">
		        	<div id="map_place_html_<fly:variable name='index' />" class="hide list_infos">
			       <table><tr><fly:block name="map_image"><td valign="top"><div id="hilight-image"><a href="<fly:variable name="url_map" />" title="<fly:variable name="map_meta_title" />"><img src="<fly:variable name="map_photo" />" width="<fly:variable name="map_width" />" height="<fly:variable name="map_height" />" /></a></div></td></fly:block>
	        		   <td valign="top">
			           <fly:block name="map_place_name"><b><a href="<fly:variable name="url_map" />" title="<fly:variable name="map_meta_title" />"><fly:variable name="map_place_name" /></a></b><br /></fly:block>
			           <fly:block name="map_address"><fly:variable name='map_address' /><br /></fly:block>
			           <fly:block name="map_province"><fly:variable name="map_province" /><br /></fly:block>
		               </td></tr></table><br />
		               	
	        </div>	  
	        </fly:block>
	       </fly:list>
	</div>
	<script type="text/javascript">
	$(document).ready(function(){
	
		var this_ = this;	
		$('#map_canvas',this_).gmap({'center': '<fly:variable name="latitude_map" />, <fly:variable name="longitude_map" />',zoom: <fly:variable name="zome_level" />}).bind('init', function(evt, map) {//11.558831,104.91745
				<fly:list name="listGoogleMapJavascript">
		            <fly:block name="map_canvas_location">
						$('#map_canvas',this_).gmap('addMarker', {'position': '<fly:variable name="latitude" />, <fly:variable name="longitude" />', 'animation': google.maps.Animation.DROP }, function(map, marker){
			                $('#map_canvas').gmap('addInfoWindow', { 'position':marker.getPosition() }, function(infoWindow) {
		                            //Fix the scrollbar issue
									var div = document.createElement('div'); 
									div.innerHTML = $('#map_place_html_'+<fly:variable name='index' />).html(); 
									infoWindow.setContent(div);
			                        $(marker).click(function() {
			                                infoWindow.open(map, marker);
			                                map.panTo(marker.getPosition());
			                        });
			                });
						});
					</fly:block>
				</fly:list>
				//remove list_infos after copied them to the infoWindow
				$('.list_infos').remove();
		});
		
	 });
	</script>
</fly:block>
<fly:block name="list_place">
	<div id="list_place">
		<h1><fly:variable name="title_rented_sold" /></h1>
			<table class="location-liste">
				<thead>
					<tr>
						<td width="520" title="title location"><div class="header_home general" id="name_place"><fly:variable name="text_location" /></div><span id="name_place_l" class="loading"></span></td>
						<td width="90" title="Status"><div class="header_home general" id="status"><fly:variable name="text_status" /></div><span id="status_l" class="loading"></span></td>
						<td title="type of location"><div class="header_home general" id="estate_tile"><fly:variable name="text_type" /></div><span id="estate_tile_l" class="loading"></span></td>
					<tr>
				</thead>
				<tbody id="item_list">
				<fly:list name="list_rented_sold">
				<tr  onclick="document.location='<fly:variable name='url_category_map' />'" title="<fly:variable name='meta_title' />" 	onmouseover="$(this).addClass('over');" onmouseout="$(this).removeClass('over');" >
					<td> 		
				   		<div class="place_width">
				   		   <fly:block name="block_place_photo">
				   				<div class="location_photo">
				   					<fly:list name="location_photo">
					   					<a rel="/<fly:variable name='image_preview' />" href="<fly:variable name='url_photo' />" class="preview"><img src="/<fly:variable name="src_photo" />" width="<fly:variable name="width" />" height="<fly:variable name="height" />" /></a>
					   				</fly:list>
				   				</div>
				   			</fly:block>
			   				<div title="<fly:variable name='meta_title' />" class="title_location">
						   		<fly:variable name="place_name" />
						   		<div class="block_title">
						   			<fly:block name="text_reanted_sold_list">
										<div class="text_reanted_list_sold"><div class="<fly:variable name='text_reanted_sold_list' />"></div></div>
									</fly:block>
							   		<fly:variable name="place_description"/>
			   					</div>
			   				</div>
					   </div>
			   		</td>
					<td><fly:variable name="status" /></td>
					<td title="<fly:variable name='type_meta_title' />"><fly:variable name="real_estate" /></td>
				</tr>  	   		
				</fly:list>	
				</tbody>
			</table>
	</div>		
	</fly:block>
</div>
</fly:block>
<fly:block name="nohting">
<div id="content_body" class="content_body<fly:variable name="page_class" />">
<div class="nohting_search"><fly:translate name='text_nohting_search'/><fly:modify name="text_nohting_search" /></div>
</div>
</fly:block>